@import url('../../less/index.less');
.Detail{
    background-color: #fff;
    .pic{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .con{
        margin: .2rem;
        .price{
            margin: .3rem 0;
            img{
                width: 0.82rem;
                height: 0.4rem;
            }
            span{
                color: red;
                font-size: .46rem;
            }
            del{
                color: #ccc;
                margin-left: .2rem;
            }
        }
    }

    .footer{
        position: fixed;
        left: 0;
        bottom: 0;
        height: 1rem;
        border-top: .01rem solid #ccc;
        width: 100vw;
        display: flex;
        justify-content: space-around;
        align-items: center;
        button:nth-of-type(1){
            background-color: #FFCC66;
            border:none;
            width: 2.06rem;
            height: 0.76rem;
            border-radius: .38rem;
        }
        button:nth-of-type(2){
            background-color: @primary;
            border:none;
            width: 2.06rem;
            height: 0.76rem;
            border-radius: .38rem;
        }
        span{
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: .1rem;
        }
    }
}